<%@page import="java.util.Date"%>
<%@page import="com.liferay.portal.theme.ThemeDisplay"%>
<%@page import="com.liferay.portal.service.UserLocalServiceUtil"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.text.DateFormat"%>
<%@page import="com.liferay.portal.kernel.util.UnicodeFormatter"%>
<%@page import="java.util.ArrayList"%>

<%@page import="com.liferay.portal.model.Role"%>
<%@page import="com.liferay.portal.service.RoleLocalServiceUtil"%>
<%@page import="com.liferay.portal.kernel.util.ParamUtil"%>
<%@ include file="/html/quangcao_admin/init.jsp"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script
	src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

<%
	ThemeDisplay themeDisplay = (ThemeDisplay) request
.getAttribute(WebKeys.THEME_DISPLAY); 

	long primarykey;
	QuangCao_banner quangcao = null;
	primarykey = ParamUtil.getLong(request, "resourcePrimarykey");
	System.out.println("primarykey"+primarykey);
	quangcao = QuangCao_bannerLocalServiceUtil.getQuangCao_banner(primarykey);
	
	List<User> listUser = new ArrayList<User>();
	Role roleQuangCao = null;

	if (!QuangCao_bannerLocalServiceUtil.checkRoleKhachHang(themeDisplay)) {
		RoleLocalServiceUtil.addRole(themeDisplay.getUserId(),
		themeDisplay.getCompanyId(), "KhachHang_QuangCao",
		null, null, 1);
		System.out.println("Role is create ");
	}
	roleQuangCao = RoleLocalServiceUtil.getRole(
	themeDisplay.getCompanyId(), "KhachHang_QuangCao");
	for (long userId : UserLocalServiceUtil.getRoleUserIds(roleQuangCao
	.getRoleId())) {
		User use = null;
		use = UserLocalServiceUtil.getUser(userId);
		listUser.add(use);
	}
%>
<portlet:defineObjects />
<portlet:actionURL name="editQuangcao" var="urlEditQuangCao">
	<portlet:param name="quangcaoId"
		value="<%=String.valueOf(primarykey)%>" />
</portlet:actionURL>

<div>
	<form id="formQuangCao" name="editQuangcao"
		action="<%=urlEditQuangCao.toString()%>" method="post"
		enctype="multipart/form-data">
		<div class="formtitle">Chỉnh sửa thông tin quảng cáo</div>
		<div class="select">
			<div class="inputtext">Khách hàng</div>
			<div>
				<select name="author">
					<%
						for (int i = 0; i < listUser.size(); i++) {
					%>
					<option value="<%=listUser.get(i).getUserId()%>"><%=listUser.get(i).getScreenName()%></option>
					<%
						}
					%>
				</select>
			</div>
		</div>

		<div class="select">
			<div class="inputtext">Loại quảng cáo</div>
			<div>
				<select name="type" onchange="changeselectType(this.value)">
					<option value="images">Image</option>
					<option value="flash">Flash</option>
					<option value="video">Video</option>
					<option value="text">Text</option>
				</select>
			</div>
		</div>
		
		<div id="widthImages" class="input">
			<div class="inputtext">Chiều dài hình</div>
			<div class="inputcontent">
				<input placeholder="100" name="widthImage" type="text"
					value="<%=quangcao.getWidthBanner()%>" />
			</div>
		</div>
		
		<div id="heightImages" class="input">
			<div class="inputtext">Chiều rộng hình</div>
			<div class="inputcontent">
				<input placeholder="100" name="heightImage" type="text"
					value="<%=quangcao.getHeightBanner()%>" />
			</div>
		</div>

		<div class="input">
			<div class="inputtext">Tiêu đề</div>
			<div class="inputcontent">
				<input placeholder="Quảng cáo công ty smartworld" type="text"
					name="title" value="<%=quangcao.getTitle()%>" />
			</div>
		</div>

		<div class="inputtextbox nobottomborder">
			<div class="inputtext">Mô tả</div>
			<div class="inputcontent">
				<aui:field-wrapper>
					<liferay-ui:input-editor name="destription"
						toolbarSet="liferay-article" initMethod="initEditor" width="300" />
				</aui:field-wrapper>
			</div>
		</div>

		<div class="input">
			<div class="inputtext">Link</div>
			<div class="inputcontent">
				<input placeholder="http://smartworld.com.vn" name="link"
					type="text" value="<%=quangcao.getLink()%>" />
			</div>
		</div>
		
		<div class="select">
			<div class="inputtext"> Chọn kiểu thanh toán </div>

			<div>
				<select name="select-type-end" onchange="changethanhtoan(this.value)">
					<option value="0" selected="selected">--Chọn kiểu thanh toán--</option>
					<option value="5">Thanh toán theo ngày</option>
					<option value="10">Thanh toán theo click</option>
				</select>
			</div>
		</div>
		
		<div id="limitClick" class="input">
			<div class="inputtext">Số lượng click đăng ký</div>
			<div class="inputcontent">
				<input placeholder="1000 click" name="limitClick" type="text"
					value="<%=quangcao.getLimitClick()%>" />
			</div>
		</div>

		<div id="startDateQuangCao" class="input">
			<div class="inputtext">Từ ngày</div>
			<div class="inputcontent">
				<%
					SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy");
					String Date = sdf.format(quangcao.getStartDate());
				%>
				<input id="datepicker" name="startDate" type="text"
					value="<%=Date%>" />
			</div>
		</div>

		<div id="endDateQuangCao" class="input">
			<div class="inputtext">Đến ngày</div>
			<div class="inputcontent">
				<%
					SimpleDateFormat sdf1 = new SimpleDateFormat("dd-MM-yyyy");
					String Date1 = sdf1.format(quangcao.getEndDate());
				%>
				<input id="datepicker1" name="endDate" type="text"
					value="<%=Date1.toString()%>" />
			</div>
		</div>

		<div class="select">
			<div class="inputtext">Chọn folder</div>
			<div>
				<select name="folder">
					<option value="ImageQuangCao">Image Quảng Cáo</option>
					<option value="FlashQuangCao">Flash Quảng Cáo</option>
					<option value="VideoQuangCao">Video Quảng Cáo</option>
					<option value="TextQuangCao">Text Quảng Cáo</option>
				</select>
			</div>
		</div>


		<div class="file">
			<div class="inputtext">File</div>
			<input accept="jpeg|gif|png|jpg|icon|ico|swf" type="file"
				name="fileName" />
		</div>
		
		<div class="select">
			<div class="inputtext">	
				<%=LanguageUtil.format(pageContext,"chon-loai-trang-thai", new Object())%>
			</div>
			<select name="status">
				<option label="pending" value="pending">pending</option>
				<option label="approved" value="approved">approved</option>
				<option label="publish" value="publish">publish</option>
				<option label="delete" value="delete">delete</option>
			</select>
		</div>
		
		<div class="buttons">
			<input class="orangebutton" type="submit" value="Cập nhật" />
		</div>
	</form>
</div>

<script>
	function <portlet:namespace/>initEditor(){
		return "<%=UnicodeFormatter.toString(quangcao.getDescription())%>";
	}
</script>

<script>

function changeselectType(value) {
	if (value == "images") {
		$("#widthImages").show();
		$("#heightImages").show();
	}
	else {
		$("#widthImages").hide();
		$("#heightImages").hide();
	}
}

function changethanhtoan(value) {
	if (value == "5") {
		$("#startDateQuangCao").show();
		$("#endDateQuangCao").show();
		$("#limitClick").hide();
	} else {
		if (value == "10") {
			$("#limitClick").show();
			$("#startDateQuangCao").hide();
			$("#endDateQuangCao").hide();
		} else {
			$("#startDateQuangCao").hide();
			$("#endDateQuangCao").hide();
			$("#limitClick").hide();
		}

	}
}
$(function() {
	
	$("#widthImages").show();
	$("#heightImages").show();
	
	$("#limitClick").hide();
	$("#startDateQuangCao").hide();
	$("#endDateQuangCao").hide();

	$("#datepicker").datepicker({
		dateFormat : 'dd-mm-yy'
	});
	$("#datepicker1").datepicker({
		dateFormat : 'dd-mm-yy'
	});
	$('#formQuangCao').validate({
		errorElement : "span",
		rules : {
			title : {
				required : true,
			},
			startDate : {
				required : true,
			},
			link : {
				required : true,
				url : true,
			},
			endDate : {
				required : true,
			},
			countClick : {
				number : true,
			}
		},
	/* 			submitHandler : function(form) {
	 alert('form submitted via ajax');
	 return false; // blocks redirect after submission via ajax
	 } */
	});
});

jQuery.extend(jQuery.validator.messages, {
	required : "Vui lòng nhập",
	remote : "Vui lòng nhập lại",
	email : "Địa chỉ email không hợp lệ",
	url : "URL không hợp lệ",
	date : "",
	dateISO : "Hãy nhập ngày (ISO).",
	number : "Dữ liệu là số",
	digits : "Dữ liệu là chữ số",
	creditcard : "Hãy nhập số thẻ tín dụng.",
	equalTo : "Dữ liệu nhập lại không hợp lệ",
	accept : "Chọn file hình ảnh",
	maxlength : jQuery.format("Tối thiểu {0} kí tự"),
	minlength : jQuery.format("Tối đa {0} kí tự"),
	rangelength : jQuery.format("Hãy nhập từ {0} đến {1} kí tự"),
	range : jQuery.format("Giá trị từ {0} đến {1}."),
	max : jQuery.format("Hãy nhập từ {0} trở xuống."),
	min : jQuery.format("Hãy nhập từ {1} trở lên.")
});
</script>
